草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - jQuery 数据表 : iDisplayLength set to -1 to show all rows

我使用jQueryDatatables并希望通过来自服务器的ajax收听包含我所有条目的表格。一切都很完美。我的意思是,我得到数据并可以在表格中显示它们。我只有一个问题。我想一次显示所有行/条目。我在谷歌上搜索过,所有人都说,我只需要将iDisplayLength设置为-1。但如果我这样做,我只有1个条目/行(显示总共50个条目中的1个中的1个)。知道我做错了什么吗?这是我初始化表的代码:varoTable=$("#roles").dataTable({"bServerSide":true,"sAjaxSource":"/data","iDisplayLength":-1,"aoSea

javascript - 不使用 arraybuffer 检索二进制数据

我有以下资源:function_arrayBufferToBase64(buffer){varbinary='';varbytes=newUint8Array(buffer);varlen=bytes.byteLength;for(vari=0;i它的作用是从服务器接收文件的二进制内容,并返回一个包含base64数据的数据uri。我不得不说这个调用不能用简单的src标记替换为url,因为也发送了一些身份验证header。这在较新的浏览器中工作正常,但我想保持与旧浏览器的兼容性,所以arraybuffer在这里是个问题,我的问题是:有没有办法在没有arraybuffer的情况下完成所有这

javascript - Gulp Watch Concat 有时会忽略一些 JS 文件

我有一个Gulpconcatwatch任务设置来连接一些JS文件:varsources=['public/js/scriptA.js','public/js/scriptB.js','public/js/scriptC.js','public/js/scriptD.js','public/js/scriptE.js'];gulp.task('main.js',function(){returngulp.src(sources).pipe(concat('main.js')).pipe(gulp.dest('./public/js'));});gulp.task('watch',func

javascript - 当第三方小部件更改它自己的 react 数据源时,Meteor 避免双重刷新

我有一个jsTree,我正试图双向“连接”到一个Meteor集合。现在,只要集合在.observeChanges的帮助下更新,我就会自动触发jsTree.refresh():FileTree.find().observeChanges({added:function(){$.jstree.reference('#fileTree').refresh();},changed:function(){$.jstree.reference('#fileTree').refresh();},removed:function(){$.jstree.reference('#fileTree').re

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - 如何将模板数据导入Ajax版Smart Admin主题?

我正在为客户构建一个应用程序,我在后端使用Laravel5开发Web服务,我将使用SmartAdminTheme使用它,尤其是Ajax版本。我已经使用过这个主题的HTML版本,并且我仍然使用Laravel作为后端。我可以简单地使用Laravel提供的Blade模板引擎并将数据注入(inject)View。但既然我将使用Ajax版本,我应该如何将数据模板化到View中。我可以向网络服务请求数据,它会以JSON格式返回。这部分对我来说很清楚,因为我以前做过。大多数小部件都具有内置集成,例如主题中使用的jquery数据表和完整的日历库。我可以看到数据将被注入(inject)这里,但是论坛和其

javascript - Gulp Browserify 中的标准错误日志

有了这个任务:gulp.task("es6",function(){returnbrowserify({entries:'src/main/es6/main.js',extensions:['.js'],debug:true}).transform(babelify).bundle().pipe(source('superpos.js')).pipe(streamify(uglify())).pipe(gulp.dest('src/main/webapp'));});我得到这种错误日志:清晰漂亮,我喜欢。但是为了让我的watch继续运行,我需要处理错误而不是让它过去,比如....tra

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作

javascript - 如何在单元测试环境中模拟 browserHistory?

我正在尝试测试使用react-router的browserHistory的React组件。为了确保能够访问browserHistory,我使用了createMemoryHistory(react-router)模块,如下所示:letcreateMemoryHistory=require('react-router/lib/createMemoryHistory');在测试环境中,我利用了JSDOM库。global.document=jsdom('');global.window=document.defaultView;然后我尝试将创建的历史对象分配给DOM:lethistory=cr